<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="A layout example that shows off a responsive product landing page.">
    <title>登陆页--小原焊钳选型数据库</title>
    <link rel="icon" href="icon/Obara_logo.jpg" type="image/x-icon"/>
    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-" crossorigin="anonymous">

    <!--[if lte IE 8]>
        <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/grids-responsive-old-ie-min.css">
    <![endif]-->
    <!--[if gt IE 8]><!-->
        <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/grids-responsive-min.css">
    <!--<![endif]-->

    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">

    <!--[if lte IE 8]>
        <link rel="stylesheet" href="css/layouts/marketing-old-ie.css">
    <![endif]-->
    <!--[if gt IE 8]><!-->
        <link rel="stylesheet" href="css/layouts/marketing.css">
    <!--<![endif]-->

</head>
<body>
<!--首页导航栏-->
<div class="header">
    <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
        <a class="pure-menu-heading" href="http://www.obara.com.cn/">访问小原（中国）官网</a>

        <ul class="pure-menu-list">
            <li class="pure-menu-item pure-menu-selected"><a href="#choosegun" class="pure-menu-link">客户登录</a></li>
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">焊钳分类</a></li>
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">焊接原理</a></li>
        </ul>
    </div>
</div>
<!--第一页欢迎内容-->
<div class="splash-container">
    <div class="splash">
        <h1 class="splash-head">小原焊钳选型数据库</h1>
        <p class="splash-subhead">
            以客户为中心  关怀员工  鼓励创新  纳新去旧<br/>
            <span style="font-size: small">Be customer-oriented care employees encourage innovations take in the fresh</span>
        </p>
        <br/>
        <p>
            <a href="#choosegun" class="pure-button pure-button-primary">Get Started</a>
        </p>
    </div>
</div>
<!--第二页登录界面-->
<div class="content-wrapper" id="choosegun">
    <div class="content">
        <h2 class="content-head is-center"> 与世界汽车工业共成长 | Develop with global automobile industry together</h2>

        <div class="pure-g">
            <div class="l-box-lrg pure-u-1 pure-u-md-2-5">
                <form class="pure-form pure-form-stacked" action="obaragun.html" method="get">
                    <fieldset>

                        <br/>
                        <br/>
                        <label for="username"><img src="icon/logName.png" height="15" width="15"/>  用户名 | Username</label>
                        <input id="username" type="text" placeholder="请输入用户名">

                        <label for="password"><img src="icon/logPwd.png" height="15" width="15"/>  密码 | Password</label>
                        <input id="password" type="password" placeholder="请输入密码">

                        <button type="submit" class="pure-button">登录</button>
                    </fieldset>
                </form>
            </div>

            <div class="l-box-lrg pure-u-1 pure-u-md-3-5">
                <h4>如何获得用户名 | How to get Username  <img src="icon/question_mark.png" height="15" width="15"/></h4>
                <p>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小原焊钳选型数据库用户名及密码由小原（南京）机电有限公司营业技术部门统一分发，焊钳图片及图纸模型数据为我公司技术机密，除用作产品选型作用外禁作它用。
                    <br/>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The Username and Password of OBARA Welding Gun Selection Database are uniformly distributed by the business and technical department of OBARA (Nanjing) Mechanical and Electrical Co., Ltd. The pictures and drawings of welding Gun are confidential for our company. It is forbidden to use them for other purposes except for product selection.
                </p>

                <h4>联系我们  |  Contact Us  <img src="icon/contact.png" height="15" width="15"/></h4>
                <p>
                    <img src="icon/company.png" height="15" width="15"/> 小原（南京）机电有限公司 &nbsp;
                    <span style="font-size: small">OBARA (NANJING) MACHINERY & ELECTRIC CO.,LTD.</span><br/>
                    <img src="icon/location.png" height="15" width="15"/> 地址：
                    <a href="https://map.baidu.com/poi/%E5%B0%8F%E5%8E%9F(%E5%8D%97%E4%BA%AC)%E6%9C%BA%E7%94%B5%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/@13227747.328966942,3724848.5722314045,13.46z?uid=1bf85b25733fe4a4a1a9346b&primaryUid=18003560318424317951&ugc_type=3&ugc_ver=1&device_ratio=1&compat=1&querytype=detailConInfo&da_src=shareurl" style="text-decoration:none" target="_blank">中国·南京江宁经济技术开发区仁杰路28号</a> &nbsp;
                    <span style="font-size: small">No.28,Renjie Road,Jiangning District,Nanjing China</span><br/>
                    <img src="icon/phone.png" height="15" width="15"/> 营业直线：(025)52106195 &nbsp;
                    <span style="font-size: small">Sales Department: (025)52106195</span><br/>
                    <img src="icon/mail.png" height="15" width="15"/> 邮箱：<a href="mailto:hantj@obara.com.cn?subject=邮件主题&body=邮件内容" rel="nofollow" style="text-decoration:none">hantj@obara.com.cn</a> &nbsp;
                    <span style="font-size: small">Email:hantj@obara.com.cn</span><br/>
                </p>
            </div>
        </div>

    </div>
    <!--页脚-->
    <div class="footer l-box is-center">
       版权所有 © 1994-2020 小原（南京）机电有限公司
    </div>
</div>


</body>
</html>